import 'package:flutter/material.dart';

class RowPage extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Scaffold(
      body: new Center(

        child: new Container(
          child: new Row(
            /*

            注意：在子控件里面使用Expanded组件（在Expanded里面使用flex属性），相当于安卓中的layout_weight
           Key key,
           MainAxisSize mainAxisSize = MainAxisSize.max,相当于安卓match_parent  min相当于wrap_content
          安卓中的gravity
          MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start,主轴方向上的对齐方式，会对child的位置起作用，默认是
                                                                  start 起始对齐
                                                                  end  末尾对齐
                                                                  center  中间对齐 （常用）
                                                                  spaceBetween  将区域等分，两端的组件位于收尾 （常用）
                                                                  spaceAround  将空白区域等分，收尾孩子的空白区域为单个空白的1/2，
                                                                  spaceEvenly  将主轴上的空白区域等分  （常用）
          CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment,竖直方向
                                                                  start 起始对齐
                                                                  end  末尾对齐
                                                                  center  中间对齐
                                                                  stretch 使子控件竖轴上撑满整个父控件
                                                                  baseline 使子控件的baseline在交叉轴方向对齐，与textBaseline一起用


          TextDirection textDirection, TextDirection(在Row组件中起到很大作用)
                                                 ltr  子控件从左向右排列
                                                .rtl  子控件从右向左排列
          VerticalDirection verticalDirection = VerticalDirection.down,（在Column中起到很大作用）
          TextBaseline textBaseline,
          List<Widget> children = const <Widget>[],
            * */
            textDirection: TextDirection.ltr,
            verticalDirection: VerticalDirection.up,
//            crossAxisAlignment: CrossAxisAlignment.baseline,
//            textBaseline: TextBaseline.ideographic,
            mainAxisSize: MainAxisSize.max,
            children: <Widget>[

              new Expanded(
                child: new MaterialButton(
                child: new Text("R1"),
                color: Colors.blue,
                height: 50,
              ),
                flex: 1,
              ),
             new Expanded(
                 child:  new MaterialButton(
                   child: new Text("R"),
                   color: Colors.blue,
                   height: 50,
                 ),
               flex: 2,
             ),
              new Expanded(
                child:  new MaterialButton(
                  child: new Text("g2"),
                  color: Colors.teal,
                  height: 40,
                ),
                flex: 2,
              ),
            ],
          ),
          color: Colors.amber,
          padding: new EdgeInsets.fromLTRB(0, 0, 0, 0),
          margin: new EdgeInsets.fromLTRB(15, 0, 15, 0),
//          width: double.infinity,
          height: 100,
        )
      ),
    );
  }
}